#orderMod .order-box{margin-bottom: 10px;}
#orderMod .order-box .top{overflow: hidden;padding: 0 12px;line-height: 44px;}
#orderMod .order-box .top .statu{color: #888;}
#orderMod .order-box .top .statu.red{color: #B1242A;}
#orderMod .order-box .wrap{margin-left: 12px;padding: 12px 0;overflow: hidden;}
#orderMod .order-box .wrap .pt{width: 19%;margin-right: 1%;background-color: #F4F4F4;float: left;position: relative;}
#orderMod .order-box .wrap .pt .num{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background-color: rgba(0,0,0,.6);font-size: 22px;}
#orderMod .order-box .info{margin-left: 12px;padding-right: 12px;line-height: 36px;font-size: 14px;}
#orderMod .order-box .info .red{color: #B1242A;}
#orderMod .order-box .bot{padding: 7px 12px;line-height: 30px;}
#orderMod .order-box .bot .txt{color: #666;font-size: 14px;line-height: 16px;padding: 5px 0;}
#orderMod .order-box .bot .btn-box .btn{display: block;height: 30px;box-sizing: border-box;padding: 0 10px;border: 1px solid #ddd;font-size: 12px;color: #333;border-radius: 3px;margin-left: 5px;}


.mask{width: 100%;height: 100%;position: absolute;z-index: 9;background-color: rgba(0,0,0,.6);}
.code-box{width: 80%;padding: 20px 0;background-color: #fff;position: absolute;left: 10%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;}
.code-box .bt{padding-bottom: 20px;font-weight: bold;}
.code-box img{width: 90%;margin: auto;}



#bottomButton a{line-height: 49px;}
#bottomButton .btn-1{background-color: #51BBED;color: #fff;}


#orderNav .on{color: #51BBED;position: relative;line-height: 44px;}
#orderNav .on:after{content: '';width: 90%;height: 2px;background-color: #51BBED;position: absolute;bottom: 0;left: 5%;}

#order-home .home-list{margin: 10px 0;}
#order-home .home-list .home-top{line-height: 40px;padding: 0 12px;}
#order-home .home-list .home-top .time{color: #888;}
#order-home .home-list .home-center{padding:12px;line-height: 1.4;}
#order-home .home-list .home-center .photo{width: 60px;height: 60px;overflow: hidden;margin-right: 10px;}
#order-home .home-list .home-center .name-box{margin-bottom: 6px;}
#order-home .home-list .home-center .name-box .name{padding-right: 5px;}
#order-home .home-list .home-center .addr{color: #888;}
#order-home .home-list .btn-box{padding:6px 12px;}
#order-home .home-list .btn-box .btn{background: #51BBED;height: 32px;padding: 0 20px;background-color: #fff;border: 1px solid #ddd;line-height: 1.2;font-size: 12px;border-radius: 3px;color: #555;}




.home-order{padding: 15px 12px 5px;}
.home-order .list{position: relative;overflow: hidden;padding-bottom: 15px;}
.home-order .list:after{content: '';width: 1px;height: 100%;background-color: #ccc;position: absolute;left: 3px;top: 18px;}
.home-order .list:last-child:after{content: normal;}
.flex-top{-webkit-align-items: flex-start;align-items: flex-start;}
.home-order .list .dot{width: 8px;height: 8px;border-radius: 50%;background-color: #ccc;margin-right: 8px;margin-top: 5px;}
.home-order .list .info{overflow: hidden;color: #333;line-height: 1.3;}
.home-order .list .info .time{opacity: .6;padding: 5px 0;}
.home-order .list .info .txt{opacity: .8;}
.home-order .list.on .info{color: #51BBED;}
.home-order .list.on .dot,.home-order .list.on:after{background-color: #51BBED;}
